@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持 
_color:red;  IE6支持 
*color:red;  IE6、IE7支持 
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持 
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior:url('');
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/


/*--默认--*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
html{_background-image:url(about:blank);_background-attachment:fixed;}
body{-webkit-text-size-adjust:none;line-height:120%;font-family:微软雅黑,'Heiti SC',黑体,Arial;font-size:12px;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#707070;}
a:hover{color:#666;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;}
i,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{border:1px solid #CCC;font-family:微软雅黑,'Heiti SC',黑体,Arial;}

/*--滚动条插件--*/
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}

.jspVerticalBar{width:6px;}
.jspDrag{background:#f3582a;}
.jspTrack{background:#aaa;background:url(../image/line1.png) center top repeat-y;}


/*--类--*/
.block{width:1250px;margin:0 auto;}
.clear{clear:both;height:0;overflow:hidden;}
.left{float:left;}
.right{float:right;}
.footb{position:fixed;_position:absolute;bottom:0;width:100%;}


/*--通用--*/
body{min-width:1250px;max-width:1920px;font-size:14px;color:#707070;overflow-y:hidden;}
body.webkit{position:relative;}
#body{width:100%;min-width:1250px;}
body.webkit #body{position:absolute;left:0;top:0;width:100%;}
.screen{position:relative;overflow:hidden;}
/*.screen .bg{position:absolute;left:50%;height:100%;width:300%;margin-left:-150%;text-align:center;}
.screen .bg img{height:100%;width:auto;}*/
.screen .inner{position:absolute;left:0;top:0;width:100%;height:100%;}


#header{position:fixed;left:0;top:0;width:100%;height:64px;z-index:1;min-width:1250px;}
#header .s{height:100%;}
#header .s .block{position:relative;}
#header .s .menu{background:url(../image/menu.png) center center no-repeat;width:25px;height:25px;position:absolute;left:0;top:20px;}
#header .s .lang{position:absolute;right:0;top:20px;font-size:12px;color:#474747;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;}
#header .s .lang a{color:#474747;margin-left:5px;}
#header .s .lang a.now{color:#d1a474;}
#header .h{position:absolute;left:0;top:0;width:100%;height:100%;margin-top:-64px;background:#2d2d2d;color:#fff;}
#header .h .block{position:relative;height:100%;}
#header .h .close{background:url(../image/close1.png) center center no-repeat;width:25px;height:25px;position:absolute;left:0;top:20px;
transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;}
#header .h .close:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#header .h .nav_main{position:absolute;left:300px;top:25px;font-size:14px;}
#header .h .nav_main a{color:#fff;margin-right:40px;}
#header .nav{position:absolute;left:250px;top:0;height:67px;line-height:67px;}
#header .nav li{float:left;margin-right:72px;position:relative;}
#header .nav li a{color:#fff;font-size:14px;}
#header .nav li .ul{position:absolute;left:-50%;top:64px;z-index:110;display:none;width:200%;text-align:center;}
#header .nav li .ul a{color:#fff;font-size:14px;line-height:30px;display:block;}
#header .nav li .ul a:hover{color:#d1a474;}
#nav_black{position:fixed;background:url(../image/bo/black60.png) center center repeat;width:100%;height:210px;left:0;top:64px;z-index:1;display:none;}

#foot{background:#1b1b1b;height:75px;line-height:75px;position:absolute;left:0;bottom:0;width:100%;z-index:1;margin-bottom:-75px;}
#foot .ul{float:left;margin-left:22px;color:#b5b5b5;font-size:12px;}
#foot .ul a{margin:0 8px;color:#b5b5b5;}
#foot .p{float:left;margin-left:8px;color:#b5b5b5;font-size:12px;}
#foot .link{float:left;margin-left:20px;color:#b5b5b5;font-size:12px;}
#foot .r{float:right;position:relative;}
#foot .r .sea_i{position:absolute;background:url(../image/bo/search2.png) center center no-repeat;width:163px;height:29px;right:90px;top:23px;display:none;}
#foot .r .sea_i input{height:29px;line-height:29px;width:110px;margin-left:15px;color:#b5b5b5;font-size:14px;float:left;background:none;border:none;outline:none;padding:0;}
#foot .r .sea_i .s{float:right;display:block;height:29px;width:35px;margin:0;}
#foot .r a{display:block;float:left;margin:0 7px;}
#foot .r .search{background:url(../image/bo/img1.png) center center no-repeat;width:30px;height:29px;margin-top:23px;}
#foot .r .sina{background:url(../image/bo/img2.png) center center no-repeat;width:28px;height:22px;margin-top:26px;}
#foot .r .weix{background:url(../image/bo/img3.png) center center no-repeat;width:27px;height:22px;margin-top:26px;}
#foot .promot{float:left;margin-left:50px;color:#bbb;font-size:12px;}
#foot .er{position:absolute;bottom:35px;right:0;display:none;}

.nav_float{position:fixed;right:20px;top:50%;z-index:1;margin-top:-36px;}
.nav_float a{display:block;background:url(../image/dot1.png) left bottom no-repeat;width:11px;height:12px;margin:5px 0;}
.nav_float a.now{background:url(../image/dot1.png) left top no-repeat;}

.index1{background-size:cover;}
.index1 .bg{width:2500px;height:1000px;position:absolute;left:50%;top:50%;margin:-500px 0 0 -1250px;display:block;
animation:zoom1 15s linear 0s infinite;-webkit-animation:zoom1 15s linear 1s infinite;}
@-webkit-keyframes zoom1{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@keyframes zoom1{
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}
.index1 .logo{position:absolute;left:50%;top:50%;width:162px;margin-left:-81px;margin-top:-200px;margin-top:-300px;opacity:0;}
.index1 .t1{position:absolute;left:50%;top:50%;width:253px;margin-left:-126px;margin-top:-30px;opacity:0;}
.index1 .t2{position:absolute;left:50%;top:50%;width:1250px;margin-left:-625px;margin-top:50px;margin-top:150px;opacity:0;text-align:center;color:#474747;text-transform:uppercase;font-family:Impact;font-size:80px;line-height:0.8;}
.index1 .t3{position:absolute;left:50%;top:50%;width:1250px;margin-left:-625px;margin-top:130px;margin-top:230px;opacity:0;font-size:14px;color:#474747;line-height:1.2;text-align:center;}
.index1 .btn{background:url(../image/arrow1.png) left top no-repeat;width:32px;height:33px;position:absolute;left:50%;bottom:30px;margin-left:-16px;
/*animation:btn1 0.8s linear 0s infinite;-webkit-animation:btn1 0.8s linear 1s infinite;*/}
@-webkit-keyframes btn1{
0%{margin-bottom:0;}
50%{margin-bottom:-5px;}
100%{margin-bottom:0;}
}
@keyframes btn1{
0%{margin-bottom:0;}
50%{margin-bottom:-5px;}
100%{margin-bottom:0;}
}
.index2{background:#fff;background-size:cover;}
.index2 .t1{position:absolute;left:50%;top:50%;width:1250px;margin-left:-625px;margin-top:-150px;margin-top:-250px;opacity:0;font-size:30px;color:#474747;line-height:1.2;text-align:center;}
.index2 .t2{position:absolute;left:50%;top:50%;width:946px;margin-left:-473px;margin-top:-100px;margin-top:-200px;opacity:0;text-align:center;}
.index2 .t2 h4{font-size:14px;color:#474747;line-height:1.2;}
.index2 .t2 p{font-size:14px;color:#707070;line-height:1.4;margin-top:5px;font-family:Arial, Helvetica, sans-serif;}
.index2 .moon{position:absolute;left:50%;bottom:0%;width:756px;margin-left:-378px;margin-bottom:-280px;opacity:0;}
.index2 .blocks{background:url(../image/blocks.png) center center no-repeat;width:100%;height:100%;position:absolute;opacity:0;}

.index3 .bg{background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0;width:100%;height:100%;position:absolute;left:0;top:0;}
.index3 .t1{position:absolute;left:50%;top:50%;width:1250px;margin-left:-625px;text-align:center;margin-top:-170px;margin-top:-270px;opacity:0;font-size:30px;color:#474747;line-height:1.2;}
.index3 .t2{position:absolute;left:50%;top:50%;width:709px;margin-left:-354px;margin-top:-120px;margin-top:-220px;opacity:0;font-size:18px;color:#707070;line-height:1.2;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;text-align:center;}
.index3 .tabs{width:1010px;position:absolute;left:50%;margin-left:-505px;top:50%;height:197px;}
.index3 .tabs .div{position:absolute;width:197px;height:197px;background:url(../image/round.png) center center no-repeat;left:-200px;top:0;overflow:hidden;border-radius:100px;opacity:0;overflow:hidden;cursor:pointer;}
.index3 .tabs .div .a{width:100%;height:100%;
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
.index3 .tabs .div.show .a{margin-top:-197px;}
.index3 .tabs .div .a1{background:url(../image/ico1.png) center center no-repeat;}
.index3 .tabs .div .a2{background:url(../image/ico2.png) center center no-repeat;}
.index3 .tabs .div .a3{background:url(../image/ico3.png) center center no-repeat;}
.index3 .tabs .div .a4{background:url(../image/ico4.png) center center no-repeat;}
.index3 .tabs .div .b{width:100%;height:100%;}
.index3 .tabs .div .b h3{font-weight:bold;text-align:center;color:#cda274;font-size:30px;line-height:100%;font-family:Arial, Helvetica, sans-serif;padding-top:70px;}
.index3 .tabs .div .b h4{text-align:center;color:#cda274;font-size:22px;line-height:100%;padding-top:5px;}
.index3 .page{width:50%;height:100%;position:absolute;left:100%;top:0;overflow:hidden;background:#fff;z-index:5;}
.index3 .page .close{background:url(../image/close.png) left top no-repeat;width:53px;height:53px;position:absolute;right:30px;top:30px;}
.index3 .page .frame{padding:140px 0 0;}
.index3 .page h1{font-size:30px;padding:0 60px;}
.index3 .page h1 span{font-family:Arial, Helvetica, sans-serif;font-size:50px;display:block;line-height:120%;text-transform:uppercase;}
.index3 .page .text{padding:0 60px 60px;color:#474747;font-size:12px;line-height:150%;margin-top:20px;}
.index3 .page .text img{max-width:100%;}

.index4{background:url(../image/bg3.jpg) center center no-repeat;background-size:cover;}
.index4 .t1{position:absolute;left:50%;top:50%;width:1000px;margin-left:-560px;margin-left:-700px;margin-top:-160px;opacity:0;}
.index4 .t1 h2{font-size:30px;color:#474747;line-height:1.2;}
.index4 .t1 h3{font-size:26px;color:#474747;line-height:1.2;text-transform:uppercase;}
.index4 .t2{position:absolute;left:50%;top:50%;width:1000px;margin-left:-560px;margin-left:-700px;margin-top:-80px;opacity:0;}
.index4 .t2 h2,.index4 .t3 h2{font-size:16px;color:#474747;line-height:1.2;}
.index4 .t2 h3,.index4 .t3 h3{font-size:12px;color:#cda274;line-height:1.5;}
.index4 .t2 p,.index4 .t3 p{font-size:12px;color:#707070;line-height:1.5;width:326px;margin-top:5px;}
.index4 .t3{position:absolute;left:50%;top:50%;width:1000px;margin-left:-560px;margin-left:-700px;margin-top:20px;opacity:0;}
.index4 .btn{background:url(../image/btn1.png) left top no-repeat;position:absolute;left:50%;top:50%;width:141px;height:44px;margin-left:-560px;margin-top:130px;opacity:0;}
.index4 .btn.show{/*animation:btn2 1s linear 1s infinite;-webkit-animation:btn2 1s linear 1s infinite;*/}
.index4 .light{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background:url(../image/bg3a.jpg) center center no-repeat;background-size:cover;}
.index4 .light.show{animation:light 4s linear 1s infinite;-webkit-animation:light 4s linear 1s infinite;}
@-webkit-keyframes light{
0%{opacity:0;}
20%{opacity:1;}
50%{opacity:1;}
80%{opacity:0;}
100%{opacity:0;}
}
@keyframes light{
0%{opacity:0;}
20%{opacity:1;}
50%{opacity:1;}
80%{opacity:0;}
100%{opacity:0;}
}
@-webkit-keyframes btn2{
0%{margin-left:-560px;}
20%{margin-left:-555px;}
40%{margin-left:-560px;}
100%{margin-left:-560px;}
}
@keyframes btn2{
0%{margin-left:-560px;}
20%{margin-left:-555px;}
40%{margin-left:-560px;}
100%{margin-left:-560px;}
}
.black{position:fixed;background:url(../image/bo/black60.png) center center repeat;left:0;top:0;width:100%;height:100%;z-index:50;display:none;}
.black .inner{width:274px;height:120px;background:#f8f8f8;position:absolute;left:50%;top:50%;margin:-60px 0 0 -137px;}
.black .inner .close{position:absolute;display:block;background:url(../image/bo/close2.png) center center no-repeat;width:25px;height:25px;top:13px;right:13px;}
.black .inner h3{line-height:120px;text-align:center;background:url(../image/bo/dh.png) 48px center no-repeat;font-size:26px;color:#474747;padding-left:55px;}